<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
	<c:set var="ctx" value="${pageContext.request.contextPath}"/>

	<title>叮店管理-店铺管理</title>
 	
	<%@include file="../common/header.jsp"%>

      <style>
          body {
              background: dodgerblue;
          }
          .left_col {
              background: dodgerblue;
          }
          .nav_title{
              padding-top: 15px;
              background-color: dodgerblue;
              height: 90px;
              padding-left: 20px;
          }
          .menu_section>ul{
              margin-top: 0px;
          }
          .side-menu li{
              height: 47px;
              background-color: dodgerblue;
              font-size: 16px;
              padding-left: 5px;
          }
          .nav.side-menu>li.active {
              border-right: 0px;
              background-color: orange;
          }
          .nav.side-menu>li.active>a {
              text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
              background: #0072E3;
              box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
          }
          .nav_menu{
              background-color: #0066CC;
              height: 92px;
          }
      </style>
      
      
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
       
      <%@include file="../common/menu.jsp"%>
       
        <!-- page content -->
        <div class="right_col" role="main">
        		<div class="col-md-12 col-sm-12 col-xs-12">
<!--                 <div class="x_panel"> -->
                  

                  <div class="x_content">
                    <div class="table-responsive">
                      <table id="example" class="table table-striped jambo_table bulk_action">
                        <thead>
                          <tr class="headings">
                            <th>
                              <input type="checkbox" id="check-all" class="flat">
                            </th>
                            <th class="column-title">name </th>
                            <th class="column-title">imgurl</th>
                            <th class="column-title">link </th>
                            <th class="column-title">操作</th>
                          </tr>
                        </thead>

                        <tbody>
                        </tbody>
                      </table>
                    </div>
                  </div>
<!--                 </div> -->
              </div>
        		
        </div>
        <!-- /page content -->

      
      </div>
    </div>

	<!-- jQuery -->
    <script src="${ctx}/static/js/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="${ctx}/static/js/bootstrap.min.js"></script>
	<!-- dataTables -->
    <script src="${ctx}/static/js/dataTables.bootstrap.min.js"></script>
	<!-- Custom Theme Scripts -->
    <script src="${ctx}/static/js/custom.min.js"></script>
    
    <script type="text/javascript">
    
    var dataSet = [
        {
            "imgUrl": "111",
            "name": "测试 ",
            "link": "111",
            "skip": 1,
            "id": 1,
            "time": 3
          },
          {
            "imgUrl": "111",
            "name": "测试2",
            "link": "111",
            "skip": 1,
            "id": 2,
            "time": 4
          }
        ]
    
    var buttonArray = 
    	  [{
    	   text: '添加',
    	   action: '',
    	      className: "btn-sm btn-success"
    	  },
    	  {
    	   text: '修改',
    	   action: '',
    	      className: "btn-sm btn-success"
    	  },
    	  
    	   {
    	   text: '删除',
    	   action: '',
    	      className: "btn-sm btn-danger"
    	  },
    	  
	]

    var table_setting ={
		//ajax: "/activity/getActivity",
		data: dataSet,
		dom: "<Bf<t>ilp>",
		buttons: buttonArray,
		"columns": [
			{ "data": "name","defaultContent": "" },
			{ "data": "imgUrl","defaultContent": "" },
			{ "data": "link","defaultContent": "" },
			{
  	        		"sClass": "text-center",
  	        		"data": "id",
  	        		"render": function (data, type, full, meta) {               
  	            		return "<a href=' ' onclick=\'freeze(\""+data+"\")\' class=''><code>编辑</code></a >";
  	        		},
				"bSortable": false
			}
		]
    	 }

    $('#example').DataTables(table_setting);
    
    </script>

  </body>
</html>
